﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AddYWZL.aspx.cs" Inherits="addYWZL" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link href="~/css/Common.css" rel="stylesheet" type="text/css" />
    <link href="~/css/MyCss.css" rel="stylesheet" type="text/css" />
    <link href="~/css/admin.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .main
        {
            width: 850px;
            height: 508px;
        }
        .add_content
        {
            float: left;
            height: 156px;
            background: #f5f5f5;
        }
        .add_content ul li
        {
            float: left;
            height: 36px;
            width: 100%;
            line-height: 56px;
        }
        .ac_left
        {
            width: 80px;
            float: left;
            height: 100%;
            text-align: right;
            line-height: 30px;
        }
        .ac_right
        {
            width: 300px;
            float: left;
            line-height: 30px;
            height: 100%;
            text-align: left;
        }
        .kemu
        {
            width: auto;
            height: 23px;
            line-height: 23px;
            border-bottom: 2px solid #bbb;
            margin-top: 10px;
        }
        .answer
        {
            width: auto;
            height: auto;
            border-top: 2px solid #bbb;
        }
        .biaoti
        {
            width: auto;
            height: 20px;
            border-bottom: 1px solid #90b8ed;
            line-height: 20px;
            
            color: #003399;
        }
        
        .zmain
        {
            width: 850px; /* 总的宽度 */
            height: 100%;
        }
        .zmain .left
        {
            float: left; /* 这个是关键的地方 让A往左浮动，这样它的后面（右边）就可以放置别的元素（别的元素：可以是div，图片，文字等） */
            width: 330px;
            height: 300px;
            border: 1px solid #ccc;
        }
        .zmain .right
        {
            float: left; /* 这个是关键的地方 让B也往左浮动，紧跟在A的后面 */
            margin-left: 10px; /* 让B和A之间有些间隔 */
            width: 495px;
            height: 434px; /* 给一个尺寸 可以随意*/
            border: 1px solid #ccc;
        }
        .clear-float
        {
            clear: both;
        }
        /* 清除A和B的float,否则main的高度会出错 没有包住它里面的有float的元素。 */
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="main">
        <div class="m_head">
            添加业务资料</div>
        <div class="kemu" style="height: 30px;">
            <div class="ac_left">
                业务分类：</div>
            <div class="ac_right">
                <asp:DropDownList ID="ddlCourse" runat="server" Width="260px">
                </asp:DropDownList>
            </div>
            <asp:ImageButton ID="ImageButton1" runat="server" Height="23px" ImageUrl="~/image/que.gif"
                OnClick="ImageButton1_Click" Width="80px" Visible="False" />
        </div>
        <div class="zmain">
            <div class="left">
                <div class="biaoti" style="text-align: center">
                    <span >图  片 </span>
                </div>
                <div style="width: 300px; height: 200px">
                    <asp:Image ID="pic" runat="server" Height="200px" Width="300px" />
                </div>
                <div style=" height:28px">
                    <asp:FileUpload ID="pic_upload" runat="server" />
                </div>
                <div style="text-align: center">
                    <asp:Button ID="Button1" runat="server" Text="上传图片" onclick="Button1_Click" />
                </div>
                <div>
                    <asp:Label ID="lbl_pic" runat="server"></asp:Label>
                </div>
            </div>
            <div class="right">
                <ul>
                    <li>
                        <div class="biaoti">
                            标题：</div>
                    </li>
                    <li>
                        <div>
                            <asp:TextBox ID="txtTitle" runat="server" Width="298px" Height="22px"></asp:TextBox>
                        </div>
                    </li>
                    <li>
                        <div class="biaoti">
                            正文：</div>
                        <div>
                            <asp:TextBox ID="TextBox2" runat="server" TextMode="MultiLine" Width="100%" 
                                Height="351px"></asp:TextBox>
                        </div>
                    </li>
                    <li>
                        <div style="text-align: center">
                            <asp:Button ID="Button2" runat="server" Text="保存" onclick="Button2_Click" />
                        </div>
                    </li>
                </ul>
            </div>
            <asp:HiddenField ID="HiddenFieldImgDir" runat="server" />
        </div>
    </div>
    </form>
</body>
</html>
